<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>选择用户</title>
<link rel="stylesheet" href="resource/css/layui.css">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
<style type="text/css">
body {
	text-align: center;
}

table {
	width: 90%;
}

textarea{
	width: 90%;
}
</style>
</head>
<body>
	<div>
		<h2>
			下一步：<span th:text="${role.roleName}"></span>
		</h2>
	</div>
	<div th:if="${#lists.size(users) gt 0}">
		<label>操作备注</label>
		<textarea id="comment" rows="5" cols="" placeholder="此处可以填写流程备注信息"></textarea>
		<p style="color : red">单击选择下一步处理人员</p>
		<table class="layui-table" >
			<colgroup>
				<col width="150" align="center">
				<col width="200" align="center">
			</colgroup>
			<thead>
				<tr>
					<th>账号</th>
					<th>用户名</th>
				</tr>
			</thead>
			<tbody>
				<tr th:each="user : ${users}" th:onclick="'selected('+${user.id}+')'">
					<td th:text="${user.userAccout}">贤心</td>
					<td th:text="${user.userName}">2016-11-29</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div th:unless="${#lists.size(users) gt 0}">
		<b>该角色下没有找到对应的用户,无法继续操作</b>
	</div>
	
	<script type="text/javascript">
	function selected(id){
		parent.layer.closeAll();
		var comment = document.getElementById("comment").value;
		parent.doNext(id, comment);
	}
	</script>
</body>
</html>